<template>
    <div class="button">
        <div class="today" @click="toToday">
            <p>今</p>
        </div>
     
        <span class="iconfont add" @click="toAdd">&#xe68f;</span>
   
        
    </div>
</template>

<script>
export default {
    props: {
        buttonLeft: Number,
        buttonTop: Number
    },
    name: 'Button',
    data () {
        return {
           

        }
    },
    methods: {
        toAdd () {
            let chooseDate = window.valueBus.chooseDate;
            this.$router.push({
                path: '/input'
            })
        },
        toToday () {
            this.$emit('toToday');
            
        }
    }
}
</script>

<style lang="stylus" scoped>
    .button
        width 100%
        height 2rem
        position absolute
        left 0
        bottom 0
        display flex
        align-items center
        justify-content flex-end
        .today
            width 1.4rem
            height 1.4rem
            background #207e82
            border-radius 50%
            margin-right .5rem
            color white
            line-height 1.4rem
            text-align center
            font-size .43rem
        .todayP
            position fixed
            
        .add
            font-size 1.5rem
            color gray
            margin-right .5rem
               
</style>


